// JavaScript Document

$(function(){
	//个人空间基本信息弹出框
	$(".inforbase_con a").live("click",function(){
		space_pic("space_baseinfor");
		show_log();
		$(".log_content").css({"height":340})
	})
	//个人空间日志弹出
	$(".article_list p a").live("click",function(){
		space_log("space_blog");
		show_log();
	})
	//个人空间日志列表弹出
	$(".article_list h2 a").live("click",function(){
		space_log("spaceblog_list");
		show_log();
		var i=j=0;
		$(".spacelog .log_topbtn").live("click",function(){
			var len=$("iframe").contents().find("li").length;
			var len=Math.ceil(len/4)*4
			var height=$("iframe").contents().find("li").outerHeight(true);
			if(j<0){
				$("iframe").contents().find(".spaceblog_list ul").animate({"top":(j+4)*height},function(){
					j=j+4;
					i=j;
				});
			}
		})
		$(".spacelog .log_bottombtn").live("click",function(){
			var len=$("iframe").contents().find("li").length;
			var len=Math.ceil(len/4)*4
			var height=$("iframe").contents().find("li").outerHeight(true);
			i=i-4;
			if(i>=4-len){
				$("iframe").contents().find(".spaceblog_list ul").animate({"top":i*height},function(){
					j=i;
				});
			}			
		})
	})
	
	
	//个人空间相片弹出
	$(".photos_list img").live("click",function(){
		space_pic("space_piclist");
		show_log();
	})
	var $ani=$(".space_piclist").find("ul");
	var width=$ani.find("li").outerWidth(true);
	$(".space_pic .left a").live("click",function(){
		$ani.find('li:last').prependTo($ani);
		$ani.css({'marginLeft':-width});
		$ani.animate({'marginLeft':0});
	})
	$(".space_pic .right a").live("click",function(){
		$ani.animate({'marginLeft':-width},function(){
            $ani.find("li:first").appendTo($ani);
            $ani.css({'marginLeft':0})	
		})
	})
		
	function spaceDialog(){
		var brsW=$(window).width();
		var brsH=$(window).height();
		var curW=$(".spacelog").width();
		var curH=$(".spacelog").height();
		var left=(brsW-curW)/2;
		var top=(brsH-curH)/2;
		$(".space_log_bg").css({ "height": $("body").height()});
		$(".spacelog").css({ "top": top,"left": left });
		if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
		    $(".spacelog").css({ 'top': $(document).scrollTop() + top});
            $(window).scroll(function () {
                $(".spacelog").css({ 'top': $(document).scrollTop() + top});
            });
        }
	}	
	
	$(window).resize(function() {//页面窗口大小改变事件
		if (!$(".spacelog").is(":visible")) {
			return;
		}
		spaceDialog(); //设置提示对话框的Top与Left
	});
	function space_log(option){
		$("body").prepend("<div class='space_log_bg'></div><div class='spacelog'><div class='position'><div class='log_topbtn'></div><div class='log_content'><iframe src='' frameborder='0' width='100%' height='100%' scrolling='no'  marginheight='0' marginwidth='0'></iframe></div><div class='log_bottombtn'></div><div class='close'></div><a class='close_x' href='javascript:void(0)'>X</a></div></div>");
		$(".log_content iframe").attr("src",option+".html");
	}
	function space_pic(option){
		$("body").prepend("<div class='space_log_bg'></div><div class='spacelog'><div class='position'><div class='log_content'><iframe src='' frameborder='0' width='100%' height='100%' scrolling='no'  marginheight='0' marginwidth='0'></iframe></div><div class='close'></div><a class='close_x' href='javascript:void(0)'>X</a></div></div>");
		$(".log_content iframe").attr("src",option+".html");
	}
	function show_log(){
		spaceDialog();
		$(".space_log_bg,.spacelog").show();
		$(".log_topbtn").hover(function(e) {
        	$(this).toggleClass("log_topbtn_hover");
		});
		$(".log_bottombtn").hover(function(e) {
			$(this).toggleClass("log_bottombtn_hover");
		});
		$("a.close_x").click(function(){
			$(".space_log_bg").remove();
			$(".spacelog").remove();
		})
	}
	

	
	
})


